<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>第一个页面</title>
</head>

<body>
  <nav>
    <ul>
      <li><a href="index.html">HTML练习</a></li>
      <li><a href="css.html">CSS基础语法</a></li>
      <li><a href="text.html">CSS 文本样式</a></li>
      <li><a href="background.html">CSS 背景及box模型</a></li>
    </ul>
  </nav>
  <div>
    <h1><a href="https://www.baidu.com/s?wd=html" target="_black">HTML</a>常用元素</h1>
    <p>
      The <a href="https://w3c.org">World Wide Web Consortium (W3C)</a> is an international community that develops open
      standards to ensure the
      long-term growth of the Web.
    </p>
    <ol>
      <li>有序列表</li>
      <li>有序列表</li>
      <li>有序列表</li>
    </ol>
    <ul>
      <li>有序列表</li>
      <li>有序列表</li>
      <li>有序列表</li>
    </ul>
  </div>
  <hr>
  <div>
    <h1>嵌入内容</h1>
    <p><img src="https://s.cn.bing.net/th?id=OHR.FernFronds_EN-CN9665007699_UHD.jpg" width="50%" alt="植物"></p>
    <p><img src="./resource/images/google.jpg" alt="google"></p>
    <iframe src="//player.bilibili.com/player.html?aid=637571878&bvid=BV1AY4y1q7se&cid=557894250&page=1" scrolling="no"
      border="0" frameborder="no" framespacing="0" allowfullscreen="true" width="800px" height="600px"> </iframe>
    <iframe
      src="https://map.baidu.com/search/%E9%98%BF%E4%BB%80%E9%87%8C%E5%93%88%E8%90%A8%E5%85%8B%E6%97%8F%E4%B9%A1/@9687038.505232703,5422034.792470245,15.02z?querytype=s&da_src=shareurl&wd=%E9%98%BF%E4%BB%80%E9%87%8C%E5%93%88%E8%90%A8%E5%85%8B%E6%97%8F%E4%B9%A1&c=93&src=0&pn=0&sug=0&l=19&b=(9686000.585,5423206.74;9686480.585,5423690.74)&from=webmap&biz_forward=%7B%22scaler%22:1,%22styles%22:%22pl%22%7D&device_ratio=1"
      frameborder="0" width="800px" height="800px"></iframe>
  </div>
  <div>
    <h1>表格</h1>
    <table border="1">
      <tr>
        <th>1-1</th>
        <th>1-2</th>
        <th>1-3</th>
      </tr>
      <tr>
        <td>1-1</td>
        <td>1-2</td>
        <td>1-3</td>
      </tr>
      <tr>
        <td>2-1</td>
        <td>2-2</td>
        <td>2-3</td>
      </tr>
    </table>
  </div>
  <!-- 表单 -->
  <hr>
  <form action="https://www.baidu.com/s?wd">
    <input type="text" name="wd">
    <button>百度一下</button>
  </form>
  <form action="https://search.bilibili.com/all?keyword">
    <input type="text" name="keyword">
    <button>去B站看看</button>
  </form>
</body>

</html>
